<template>
<div>
  <div class="wei">
    <ul class="logo">
      <li><img v-bind:src="image" alt="" ></li>
      <li><img v-bind:src="image1" alt="" width="300px" height="80px"></li>
      <li><img v-bind:src="image2" alt="" width="300px" height="80px"></li>
      <li class="logo-xinlang"><img v-bind:src="image3" alt="" ></li>
      <li class="1ogo-2"><img v-bind:src="image4" alt="" width="300px" height="80px"></li>
      <li class="1ogo-2"><img v-bind:src="image5" alt="" width="300px" height="90"></li>
      <li class="1ogo-2"><img v-bind:src="image6" alt="" width="300px" height="80px"></li>
      <li class="1ogo-2"><img v-bind:src="image7" alt="" width="300px" height="80px"></li>
    </ul>
  </div>
  <hr>
  <div class="wrapper">
    <div class="inner-wrapper">
      <div class="module">
        <p class="module-text">企业服务</p>
        <a href="">招聘抢人宝典</a><br>
        <a href="">公司搜索</a><br>
        <a href="">APP</a>
      </div>
      <div class="module">
        <p class="module-text">用户帮助</p>
        <a href="">用户协议</a><br>
        <a href="">隐私政策</a><br>
        <a href="">在线提问</a>
      </div>
      <div class="module">
        <p class="module-text">联系方式</p>
        <a href="">服务热线：4006 2828 35 (9:00 -18:00)</a><br>
        <a href="">企业服务邮箱：cc@rencai.com</a><br>
        <a href="">联系我们</a>
      </div>
    </div>
  </div> 
  <div class="text">
    <p>微信版本更新帮助中心联系我们在线交流服务热线：400-605-9900 (9:00 -18:00)</p>
    <p>©2016 Lagou 京ICP备14023790号-2 京公网安备11010802017116号</p>
  </div>

</div>
</template>
<script>
import image1 from '@/assets/images/alibaba.png'
import image2 from '@/assets/images/tencent.png'
import image3 from '@/assets/images/xinlang.png'
import image4 from '@/assets/images/beida.png'
import image5 from '@/assets/images/qinghua.png'
import image6 from '@/assets/images/wuhan.png'
import image7 from '@/assets/images/shenzhen.png'

export default {
  data () {
    return{
      image:'//www.baidu.com/img/flexible/logo/pc/result.png',
      image1,
      image2,
      image3,
      image4,
      image5,
      image6,
      image7,
    }
  }
  
}
</script>

<style scoped>
li{
  list-style-type: none;
}

.logo{
  display: grid;
  margin: 10px ;
  margin-left: 80px;
  grid-template-columns: repeat(4,360px);
  grid-template-rows: repeat(2,110px);
  grid-row-gap: 5px;
  cursor: pointer;
  position: relative;
  top:10px;
  left:0px
}
.logo .logo-xinlang{
  margin: 10px  
}
.logo-2{
  margin: 10px 10px;
}
.text{
  width: 100%;
  /* background: #F2F5F4!important; */
  text-align: center;
  font-size: 13px;
  line-height: normal;
}
.wrapper{
  width: 100%;
  height: 200px;
  margin: 50px auto 0px;
}
.inner-wrapper{
  width: 100%;
  display: flex;
  justify-content: center;
}
.module{
  margin: 0px 100px;
}
.module-text{
  font-size: 18px;
  font-weight: 800;
  color: #555;
  margin-bottom: 30px;
}


a{
  font-size: 16px;
  color: #555;
}
a:hover{
  color: #00B38A;
}
p{
  color: #555;
  font-size: 14px;
}
</style>